import React from 'react'
import './HotGames.css'
// components
import GameCard from "../../../../../../shared-components/GameCard/GameCard"
import LinkTitle from "../LinkTitle/LinkTitle"
import {WhiteSpace, WingBlank} from "antd-mobile"
import {lives,} from "../../../../../../utils/mockdata"

const HotGames = (props) => {
    const {history,} = props

    return (
        <WingBlank>
            <LinkTitle
                title='热门直播'
                path='video'
            />
            <WhiteSpace />
            <div className='hot-games-container'
                 onClick={() => history.push('./game/1')}
            >
                {lives.map(game => <GameCard key={game.title} game={game}/>)}
            </div>
        </WingBlank>
    )
}

export default HotGames

